<script setup>
import HelloWorld from "./components/HelloWorld.vue";
import ElementPlusForm from "./components/ElementPlusForm.vue";
import Charts from "./components/Charts.vue";
import FileUpload from "./components/FileUpload.vue";
import Picture from "./components/Picture.vue";
import Test from "./components/Test.vue"
import Leaflet from "./components/Leaflet.vue"
import TestWord from "./components/TestWord.vue";
import Basic from "./components/Basic.vue";
import ElVue from "./components/El.vue";
import Login from "./components/Login.vue"
import Render from "./components/Render.vue"
import Ba from "./components/slot/Ba.vue"
import Display from "./components/Display.vue"
import HomeVue from "./components/prop/Home.vue";
import Home from "./components/routerr/Home.vue"
import Yulan from "./components/Yulan.vue"
import Pic from "./components/Pic.vue"
import GoVue from "./components/Go.vue";
import AstartVue from "./components/Astart.vue";
import Card from "./components/Card.vue";
import { provide } from "vue";
import Upfile from "./components/Upfile.vue";
import Cesium from "./components/Cesium.vue";
import Flex from "./components/Flex.vue";

provide("msg", "你好")
</script>


<template>
  <!-- <Cesium/> -->
  <!-- <div id="contain"> -->
  <!-- <Test /> -->
  <Leaflet />
  <!-- <HelloWorld /> -->
  <!-- <TestWord /> -->
  <!-- <Render /> -->
  <!-- <Ba /> -->
  <!-- <Display />  -->
  <!-- </div> -->
  <!-- <HomeVue /> -->
  <!-- <RouterView /> -->
  <!-- <Home /> -->
  <!-- <Yulan /> -->
    <!-- <Upfile /> -->
  <!-- <Pic /> -->
  <!-- <GoVue /> -->
  <!-- <AstartVue /> -->
  <!-- <Card /> -->
  <!-- <Flex /> -->
</template>

<style lang="less" scoped>
// #contain{
//   height: 90vh;
//   display: flex;
//   justify-content: center;
//   align-items: center;
// }
</style>